<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Guaripolo</title>
	<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-ui-1.8.20.custom.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>assets/js/general.js"></script>
	<link type="text/css" href="<?php echo base_url();?>assets/css/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
	<script>
	$(document).ready(function(){
	$("#login").dialog({ autoOpen: true, modal: true });
	})
	function login()
	{
		data=
		{
			user:$("#user").val(),
			pass:$("#pass").val()
		};
		loader("login","<?php echo base_url();?>home/login",data);
	}
	</script>
</head>
<body>
	<div id="login">
		<table>
			<tr>
				<td>
					User
				</td>
				<td>
					<input id="user"/>
				</td>
			</tr>
			<tr>
				<td>
					Password
				</td>
				<td>
					<input id="pass" type="password"/>
				</td>
			</tr>
			<tr>
				<td colspan="2" align="right">
					<input id="enter" type="button" value="enter" onclick="login()"/>
				</td>
			</tr>
		</table>	
	</div>

</body>
</html>